<template>
  <div class="secsetting">
    <div class="head">
      <mt-header :title="title">
        <router-link to="/" slot="left">
          <mt-button icon="back"></mt-button>
        </router-link>
      </mt-header>
    </div>
    <div class="content">
        <ul>
            <li>
                <label> 原 &nbsp;密  &nbsp;码</label>
                <input type="text" placeholder="请输入原密码">
            </li>
            <li>
                <label> 新  &nbsp;密  &nbsp;码</label>
                <input type="text" placeholder="请输入新密码">
            </li>
            <li>
                <label> 确认密 码</label>
                <input type="text" placeholder="请确认新密码">
            </li>
        </ul>
        <div class="btn">
            提交
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "secsetting",
  data (){
      return{
          title:'安全设置'
      }
  }
};
</script>

<style lang="less" scoped>
.secsetting {
  width: 100%;
//   height: 13.33rem;
  font-size: 0;
  background: #f8f8f8;
//   position: relative;
  .mint-header {
    background-color: #fff;
    color: rgb(49, 49, 49);
    font-family: AdobeHeitiStd-Regular;
    font-size: 0.3rem;
    height: 1rem;
  }
  .content{
      margin-top:0.2rem;
      width: 100%;
      background-color: #fff;
      li{
          width: 100%;
          height: 0.9rem;
          line-height: 0.9rem;
          font-size: 0.26rem;
          padding: 0 0.15rem;
          box-sizing: border-box;
          border-bottom: 1px solid #c6c6c6;
          overflow: hidden;
          label{
              display: inline-block;
            //   border:1px solid red;
            margin-top:-0.1rem;
            vertical-align: 2px;
            color:#333;
             font-family: AlibabaPuHuiTiR;
          }
          input{
              width: 80%;
            //   border:1px solid red;
              height: 95%;
              margin-top:-0.15rem;
              background-color: transparent;
              text-indent: 0.15rem;
              &::placeholder{
                  font-size: 0.22rem;
                  font-family: AlibabaPuHuiTiR;
                  color:rgb(130,130,130);
              }
          }
      }
      .btn{
          width: 100%;
          height: 1rem;
          line-height: 1rem;
          text-align: center;
          color:#fff;
          background-color: #ed1916;
          font-size: 0.26rem;
          position: fixed;
          bottom: 0;
          left: 0;
      }
  }
}
</style>